<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>优化分析</title>
	<link rel="stylesheet" href="../css/iview.css"/>
	<link rel="stylesheet" href="../css/normalize.css"/>
	<link rel="stylesheet" href="../css/common.css"/>
	<link rel="stylesheet" href="../css/analysis_hotwind.css"/>

</head>
<body class="theme">

<div id="analysis" class="auto" v-cloak>
	<header class="header header-skin skin inner-align header-border clearfix">
		<h1 class="header-logo fl">
			<a href="javascript:;">

			</a>
		</h1>
		<ul class="nav-list fl">
			<li class="nav-item fl  ">
				<a href="../index.html">全网监控</a>
			</li>
			<li class="nav-item  fl">
				<a href="javascript:;"  @click="isOpen=!isOpen">主操辅助</a>
				<ul class="link-list posSub border" v-if="isOpen">
					<li v-for="item in linkList" class="border">
						<a :href="item.link" @click="isOpen=true">{{item.title}}</a>
					</li>
				</ul>
			</li>
			<li class="nav-item nav--active fl">
				<a href="javascript:;" @click="museOpen=!museOpen">优化分析</a>
				<ul class="link-list posSub border" v-if="museOpen">
					<li v-for="item in analysisList" class="border">
						<a :href="item.link" @click="museOpen=false">{{item.title}}</a>
					</li>
				</ul>
			</li>
		</ul>
		<div class="right-bar fr">
			<div class="right-bar-time inner-align fl">{{timeStamp|formatterTime}}</div>
			<div class="right-bar-help inner-align fl">{{username}}</div>
			<div class="right-bar-role inner-align fl">
				<form action="/login" method="post">
					<input type="submit" value="">
				</form>
			</div>
		</div>
	</header>
	<div class="clearfix">
		<div class="mr10  fl"  @click="close('true')"><a href="javascript:;" class="inpbut font18" >参数设置</a></div>
		<div class="fl " ><a href="history.html?guolu" class="inpbut font18">历史事件</a></div>
	</div>

	<section class="main w1880  outter-top auto">
		<div class="right-main fl">
			<ul class="before-data clearfix border" v-if="false">
				<li class="fl">
					<p class="title">昨日错峰换炉波动</p>
					<p class="content">
						<span class="status-color normal-color">4.5</span>
						<i class="unit">X10<sup>5</sup>m<sup>3</sup>/h</i>
					</p>
				</li>
				<li class="fl">
					<p class="title">昨日烧炉总波动</p>
					<p>
						<span class="status-color warn-color">4.5</span>
						<i class="unit">X10<sup>5</sup>m<sup>3</sup>/h</i>
					</p>
				</li>
				<li class="fl">
					<p class="title">昨日整体总波动</p>
					<p>
						<span class="status-color normal-color">4.5</span>
						<i class="unit">X10<sup>5</sup>m<sup>3</sup>/h</i>
					</p>
				</li>
				<li class="fl">
					<p class="title">昨日异常事件个数</p>
					<p>
						<span class="status-color normal-color">4.5</span>
						<i class="unit">X10<sup>5</sup>m<sup>3</sup>/h</i>
					</p>
				</li>
			</ul>
			<ul class="before-view clearfix">
				<li class="fl skin2 border outter-top inner-top inner-align" >
					<h2 class="title fl">主管压力超限率</h2>

					<div class="data-picker fl mr10">
			                    <input  :placeholder="sectionTime.start|formatterTime" class="laydate-text laydate-icon timeUstyle stateUTime" @click="datePicker('valStart')"  > --
			                    <input  :placeholder="sectionTime.end|formatterTime" class=" laydate-text laydate-icon timeUstyle stateUTime mr10" @click="datePicker('valEnd')" >
			                    <input type="button" value="确定" class="query" @click="sureAll()"/>
					</div>
					<h2 class="title mr20 fr" @click="closeChart('true','trt3pressure')"><a class="title-a" href="javascript:;">压力详情>></a></h2>
					<h2 class="title mr20 fr " @click="closeChart('true','guolu')"><a class="title-a" href="javascript:;">锅炉详情>></a></h2>
					<div >
						<div class="data-chart fl" :id="viewChart.chartId[0]"></div>
					</div>
				</li>
				<li class="fl skin2 border outter-top inner-top inner-align">
					<h2 class="title fl">高炉减休风率</h2>
					<h2 class="title fr " @click="closeChart('true','gaolu')"><a class="title-a" href="javascript:;" style="display: block;">详情>></a></h2>
					<div>
						<div class="data-chart  fl" :id="viewChart.chartId[1]"></div>
					</div>

				</li>
				<li class="fl skin2 border outter-top inner-top inner-align" >
					<h2 class="title fl">热风炉错峰率</h2>
					<h2 class="title fr " @click="closeChart('true','hotwind')"><a class="title-a" href="javascript:;" style="display: block;">详情>></a></h2>
					<div >
						<div class="data-chart  fl" :id="viewChart.chartId[2]"></div>
					</div>

				</li>
				<li class="fl skin2 border outter-top inner-top inner-align">
					<h2 class="title fl">平均放散开度</h2>


					<div >
						<div class="data-chart fl"  :id="viewChart.chartId[3]"></div>
					</div>

				</li>
				<li class="fl skin2 border outter-top inner-top inner-align">
					<h2 class="title fl">轧钢停线重叠率</h2>
					<h2 class="title fr " @click="closeChart('true','zhagang')"><a class="title-a" href="javascript:;" style="display: block;">详情>></a></h2>

					<div >
						<div class="data-chart fl"  :id="viewChart.chartId[4]"></div>
					</div>
				</li>
			</ul>
		</div>
	</section>
	<div class="app" v-if="bOk">
		<p @click="close('false')" class="fr font18"><a href="javascript:;" class="closeIcon"></a></p>
		<div class="clearfix">
			<h3 class="fl mr20 " :class="{'title-h3':asBok}"><a href="javascript:;" @click="choseBok(true)" class="active">各部门产用气参数</a></h3>
			<h3 class="fl " :class="{'title-h3':!asBok}"><a href="javascript:;" @click="choseBok(false)" class="active" >锅炉调节参数设置</a></h3>
		</div>

		<hr>
		<div v-if="asBok">
			<div class="clearfix mt22" v-for="(item,index) in boilernames">
				<p class="font18 fl">{{item}}：</p>
				<p class="fl font18 inputtop">上:</p><i-input v-model="setData.department[index].maxVal" class="fl" placeholder="" style='width:100px;' ></i-input><p class="fl font18 inputbottom">m³/h</p>
				<p class="fl font18 inputtop">下:</p><i-input v-model="setData.department[index].minVal" class="fl" placeholder="" style='width:100px;' ></i-input><p class="fl font18 inputbottom">m³/h</p>
			</div>
			<input v-if="admin_guolu" type="button" value="确定" class="inpbut font18 fr" @click="dEpartment()">
		</div>

		<div v-if="!asBok">
			<div class="clearfix mt20">
				<p class="font18 fl">顺序：</p>
				<i-select v-model="setData.shunxu.value1" size="small" style="width:100px">
					<i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
				</i-select>
				<i-select v-model="setData.shunxu.value2" size="small" style="width:100px">
					<i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
				</i-select>
				<i-select v-model="setData.shunxu.value3" size="small" style="width:100px">
					<i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
				</i-select>
				<i-select v-model="setData.shunxu.value4" size="small" style="width:100px">
					<i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
				</i-select>
				<i-select v-model="setData.shunxu.value5" size="small" style="width:100px">
					<i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
				</i-select>
			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">每分钟最大调节量：</p>
				<i-input v-model="setData.tiaojie.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.tiaojie.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.tiaojie.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.tiaojie.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.tiaojie.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">m³/h</p>

			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">3号TRT压力安全区间：</p>
				<p class="fl font18 inputtop">上:</p><i-input v-model="setData.yali.maxVal" class="fl" placeholder="" style='width:100px;' ></i-input><p class="fl font18 inputbottom">kPa</p>
				<p class="fl font18 inputtop">下:</p><i-input v-model="setData.yali.minVal" class="fl" placeholder="" style='width:100px;' ></i-input><p class="fl font18 inputbottom">kPa</p>
			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">3号TRT压力理想区间：</p>
				<p class="fl font18 inputtop">上:</p><i-input v-model="setData.idealyali.maxVal" class="fl" placeholder="" style='width:100px;' ></i-input><p class="fl font18 inputbottom">kPa</p>
				<p class="fl font18 inputtop">下:</p><i-input v-model="setData.idealyali.minVal" class="fl" placeholder="" style='width:100px;' ></i-input><p class="fl font18 inputbottom">kPa</p>
			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">锅炉最大煤气量：</p>
				<i-input v-model="setData.gas_upper_limit.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_upper_limit.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_upper_limit.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_upper_limit.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_upper_limit.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">m³/h</p>

			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">锅炉最小煤气量：</p>
				<i-input v-model="setData.gas_lower_limit.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_lower_limit.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_lower_limit.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_lower_limit.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_lower_limit.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">m³/h</p>
			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">锅炉安全范围最大蒸汽量：</p>
				<i-input v-model="setData.steam_upper_limit.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_upper_limit.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_upper_limit.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_upper_limit.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_upper_limit.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">t</p>
			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">锅炉安全范围最小蒸汽量：</p>
				<i-input v-model="setData.steam_lower_limit.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_lower_limit.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_lower_limit.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_lower_limit.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_lower_limit.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">t</p>
			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">锅炉经济负荷最大蒸汽量：</p>
				<i-input v-model="setData.steam_upper_eco.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_upper_eco.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_upper_eco.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_upper_eco.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_upper_eco.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">t</p>
			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">锅炉经济负荷最小蒸汽量：</p>
				<i-input v-model="setData.steam_lower_eco.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_lower_eco.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_lower_eco.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_lower_eco.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.steam_lower_eco.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">t</p>
			</div>
			<!--<div class="clearfix mt20">
				<p class="font18 fl">锅炉混烧锅炉最小煤气量：</p>
				<i-input v-model="setData.gas_threshold_hunshao.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_threshold_hunshao.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_threshold_hunshao.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_threshold_hunshao.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.gas_threshold_hunshao.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">t</p>
			</div>-->
			<div class="clearfix mt20">
				<p class="font18 fl">锅炉开炉判断最小蒸汽量：</p>
				<i-input v-model="setData.online_threshold.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<i-input v-model="setData.online_threshold.value2" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.online_threshold.value3" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.online_threshold.value4" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input>
				<i-input v-model="setData.online_threshold.value5" class="fl" placeholder="" style='width:100px;padding-right: 20px;' ></i-input><p class="fl font18 inputbottom">t</p>
			</div>
			<div class="clearfix mt20">
				<p class="font18 fl">调节触发等待时间：</p>
				<i-input v-model="setData.wait_time.value1" class="fl" placeholder="" style='width:100px; padding-right: 20px;' ></i-input>
				<span class="fl font18 inputbottom">秒</span>
			</div>
			<input v-if="admin_guolu" type="button" value="确定" class="inpbut font18 fr" @click="guoluDepartment()">
		</div>

	</div>
	<div class="chartapp skin border" v-show="isbOk">
		<div class="clearfix">
			<div class="data-picker fl">
				<Date-picker type="datetime" format="yyyy-MM-dd HH:mm" :value="sectionTimeBoiler.start"  :placeholder="sectionTimeBoiler.start|toStr" style="width: 200px" @on-change="handleChange"></Date-picker>
				<Date-picker type="datetime" format="yyyy-MM-dd HH:mm" :value="sectionTimeBoiler.end" :placeholder="sectionTimeBoiler.end | toStr" style="width: 200px"  @on-change="handleChange1"></Date-picker>
			</div>
			<input type="button" class="inpbut-frame font18 fl" value="确定" @click="historySur">
			<p @click="closeChart('false')" class="font18 fr"><a href="javascript:;" class="closeIcon"></a></p>
		</div>
		<div id="chartapp">
		</div>
	</div>

</div>
</body>

<script src="../js/lib/jquery-1.11.0.min.js"></script>
<script src="../js/lib/echarts.min.js"></script>
<script src="../js/lib/ecStat.min.js"></script>
<script src="../js/lib/vue.min.js"></script>
<script src="../js/lib/vue-resource.js"></script>
<script src="../js/lib/iview.min.js"></script>
<script src="../js/base.js"></script>
<script src="laydate.js"></script>
<script src="../js/common.js"></script>
<script src="../js/chart.js"></script>
<script src="../js/components.js"></script>
<script src="../js/analysis_hotwindv.js"></script>
</html>